@charset "utf-8"; 
@import "common/reset";
@function n($px) {
    @return $px/2;
}
$border-color: #ff9344;
.clear {
    clear: both;
}
.web {
    width: 100%;
    overflow: hidden;
    position: relative;
    header {
        .left {
            width: n(146px);
            img {
                width: n(123px);
                margin-top: n(17px);
                margin-left: n(23px);
            }
        }
        .right {
            width: n(184px);
            select {
                -webkit-appearance: none;
                //                                 清楚默认样式
                width: n(159px);
                height: n(55px);
                border: n(2px) solid #ff9344;
                background: url("../img/images/indxt/xialakuang.png") no-repeat right n(12px) top n(20px) #ffffff;
                background-size: n(30px) n(16px);
                border-radius: n(3px);
                text-indent: n(13px);
                margin-top: n(48px);
                margin-right: n(22px);
                font-size: n(26px);
            }
        }
        .center {
            overflow: hidden;
            .search {
                margin: 0 auto;
                width: n(268px);
                height: n(54px);
                border: $border-color n(2px) solid;
                border-radius: n(25px);
                margin-top: n(53px);
                line-height: n(54px);
                font-size: 0;
                input {
                    height: n(50px);
                    line-height: n(50px);
                    margin-left: n(18px);
                    padding: 0 n(12px);
                    font-size: n(24px);
                    border: none;
                    background: none;
                    width: n(195px);
                    vertical-align: middle;
                }
                i {
                    color: $border-color;
                    margin-left: n(-8px);
                    font-size: n(34px);
                    vertical-align: middle;
                }
            }
        }
    }
    section {
        img {
            margin-top: n(9px);
            width: 100%;
            text-align: center;
        }
        .group {
            margin-top: n(34px);
            margin-left: n(20px);
            line-height: n(54px);
            height: n(56px);
            i {
                font-size: n(54px);
                color: $border-color;
                vertical-align: middle;
            }
            span {
                font-size: n(28px);
                margin-left: n(8px);
                vertical-align: middle;
            }
        }
        .more {
            margin-top: n(54px);
            margin-right: n(21px);
            span {
                font-size: n(24px);
                margin-left: n(8px);
                vertical-align: middle;
            }
            i {
                font-size: n(26px);
                color: $border-color;
                vertical-align: middle;
            }
        }
        .photo {
            display: inline-block;
            width: 49%;
            text-align: center;
            img {
                width: 80%;
            }
        }
        .love {
            margin-top: n(34px);
            margin-left: n(20px);
            line-height: n(54px);
            height: n(56px);
            i {
                font-size: n(54px);
                color: $border-color;
                vertical-align: middle;
            }
            span {
                font-size: n(28px);
                margin-left: n(8px);
                vertical-align: middle;
            }
        }
        .food {
            margin-left: n(20px);
            &:last-of-type {
                margin-bottom: 69px;
            }
            .shop {
                float: left;
                width: 30%;
                img {
                    width: 90%;
                    margin-top: n(34px);
                }
            }
            .site {
                width: 70%;
                .f_left {
                    margin-left: n(20px);
                    h3 {
                        margin-top: n(28px);
                        a {
                            font-size: n(28px);
                            color: black;
                        }
                    }
                    p {
                        font-size: n(22px);
                        color: #494949;
                        margin-top: n(18px);
                        margin-bottom: n(20px);
                    }
                    span {
                        font-size: n(26px);
                        color: $border-color;
                    }
                }
                .f_right {
                    margin-right: n(17px);
                    p {
                        font-size: n(18px);
                        margin-top: n(82px);
                    }
                    p:last-of-type {
                        font-size: n(20px);
                        margin-top: n(36px);
                    }
                }
            }
        }
    }
}